<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="assets/images/favicon.ico" rel="icon">
    <title>经济普查地理信息系统</title>
    <link rel="stylesheet" href="assets/libs/swiper/swiper.min_5.3.4.css">
    <link rel="stylesheet" href="assets/libs/layui/css/layui.css" />
    <link rel="stylesheet" href="assets/module/admin.css?v=313" />
    <link rel="stylesheet" href="assets/css/index_config.css">
    <!--[if lt IE 9]>
    <script src="assets/libs/html5shiv.min.js"></script>
    <script src="assets/libs/respond.min.js"></script>
    <![endif]-->
    <script src="./assets/libs/jquery/jquery-3.2.1.min.js"></script>
    <script src="./assets/js/cryptojs/crypto-js.js"></script>
<!--    <script src="../assets/js/cryptojs/encryption.js"></script>-->
    <script src="assets/libs/axios.min.js"></script>
    <script src="assets/js/config.js"></script>
    <script src="assets/js/authority.js"></script>
    <style>
        .body-con{
            overflow-x: hidden;
            overflow-y: scroll;
        }
        .body-con::-webkit-scrollbar {
            width:0 !important;   /* remove scrollbar space */
            background: transparent;  /* optional: just make scrollbar invisible */
        }
        .portal-userInfo .layui-nav .layui-nav-item{
            line-height: 2;
        }
        .portal-userInfo .layui-nav{
            padding: 0;
            background-color: #393d4900;
        }
        .portal-userInfo .layui-nav-child{
            top: 35px;
            background-color: #1d9cb7;
            border: 0px solid #d2d2d2;
        }
        .portal-userInfo .layui-nav .layui-nav-child a:hover{
            background-color: #0e7992;
            color: #fff;
        }
        .portal-userInfo .layui-nav .layui-nav-child a{
            color: #fff;
        }
        #layer-psw #savePassword{
            background-color: #1a8da5;
        }
        #layer-psw .layui-btn.layui-btn-primary:hover{
            border-color: #1a8da5;
        }
        #editPasswordBox{
            display: none;
        }
    </style>

</head>

<body class="body-con">
    <div class="portal-header">
        <div class="portal-logo">
            <img src="assets/images/logo.png" alt="">
            <p>四川省统计地理信息系统</p>
        </div>
        <div class="portal-user">
            <div class="portal-reg" style="display: none">
                <p>登录</p>
            </div>
            <div class="portal-userInfo">
                <!--<p>欢迎用户：</p>-->
                <!--<p id="user_name">111</p>-->
                <!--<span id="loginOut">注销</span>-->
                <p>欢迎用户：</p>
                <ul class="layui-nav">
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;" id="user_name">我</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;" id="editPassword">修改密码</a></dd>
                            <dd><a href="javascript:;" id="loginOut">注销</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="portal-space"></div>
    <div class="portal-banner-container">
        <!-- Swiper -->
        <div class="swiper-container banner-swiper">
            <div class="swiper-wrapper" id="swiper_img">

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination banner-pagination"></div>
        </div>
    </div>
    <!--渲染页面轮播图-->
    <script type="text/tmpl" id="template-swiper-image-tmpl">
    {{each imgList}}
        <div class="swiper-slide">
            <div class="portal-banner">
                <img src="{{$value.src}}" alt="">
            </div>
        </div>
   {{/each}}
    </script>
    <div class="search-box">
        <div class="search-input">
            <input type="text" id="getTips" placeholder="请输入数据/应用关键词">
            <div class="search-icon" id="search_btn">
                <i class="layui-icon">&#xe615;</i>
            </div>
            <div class="hot-modle" id="hot-modle"></div>
        </div>
        <div class="search-hot">
            <p class="search-hot-title">统计热词</p>
            <div class="search-hot-container" id="search_hot">

            </div>
        </div>

    </div>
    <!--渲染热搜词-->
    <script type="text/tmpl" id="template-search-hot-tmpl">
        {{each data}}
        <p>{{$value.title}}</p>
        {{/each}}
    </script>
    <!--渲染远程检索-->
    <script type="text/tmpl" id="template-searchkey-tmpl">
        {{each data}}
        <p>{{$value.title}}</p>
        {{/each}}
    </script>
    <div class="portal-system">
        <div class="swiper-container system-swiper">
            <div class="swiper-wrapper" id="system_box">

            </div>
            <!-- Add Pagination -->
            <!-- <div class="swiper-pagination system-pagination"></div> -->
        </div>
    </div>
    <!--渲染所有系统数量-->
    <script type="text/tmpl" id="template-system-tmpl">
        {{each data}}
            <div class="swiper-slide">
                <div class="system-item {{$value.systemIdentifier}}"  data-id="{{$value.id}}" data-open="{{$value.openType}}" data-url="{{$value.url}}">
                    <div class="system-img">
                        <img src="{{$value.imgurl}}" alt="">
                    </div>
                    <p>{{$value.name}}</p>
                </div>
            </div>
        {{/each}}
    </script>
    <div class="portal-item">
        <p class="portal-item-title">可视化成果快速预览</p>
        <div class="portal-swiper-container">
            <div class="swiper-container visualization-swiper">
                <div class="swiper-wrapper" id="visualization_box">

                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination system-pagination"></div> -->
            </div>
        </div>
    </div>
    <!--渲染可视化展示-->
    <script type="text/tmpl" id="template-visualization-tmpl">
        {{each visualizationList}}
            <div class="swiper-slide">
                <div class="visualization-item" data-url="{{$value.url}}">
                    <div class="visualization-img">
                        <img src="{{$value.src}}" alt="">
                    </div>
                    <div class="visualization-item-contain">
                        <p class="visualization-time">{{$value.time}}</p>
                        <p class="visualization-info">{{$value.info}}</p>
                    </div>
                </div>
            </div>
        {{/each}}
    </script>
    <p class="portal-footer">本网站版权归四川省统计局所有</p>

    <!-- 加载动画 -->
    <div class="page-loading">
        <div class="ball-loader">
            <span></span><span></span><span></span><span></span>
        </div>
    </div>
    <div class="editPasswordBox" id="editPasswordBox">
        <!-- 修改密码表单 -->
        <form class="layui-form model-form">
            <div class="layui-form-item">
                <label class="layui-form-label layui-form-required">新密码:</label>
                <div class="layui-input-block">
                    <input type="password" name="password" placeholder="请输入新密码" class="layui-input"
                           lay-verType="tips" lay-verify="required|password" required/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label layui-form-required">确认密码:</label>
                <div class="layui-input-block">
                    <input type="password" name="rePsw" placeholder="请再次输入新密码" class="layui-input"
                           lay-verType="tips" lay-verify="required|confirmPass" required/>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block text-right">
                    <button class="layui-btn" lay-filter="submit-psw" lay-submit id="savePassword">保存</button>
                    <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog" id="cancel-btn" >取消</button>
                </div>
            </div>
        </form>
    </div>
    <!-- js部分 -->
    <script src="assets/libs/swiper/swiper.min_5.3.4.js"></script>
    <script type="text/javascript" src="assets/libs/layui/layui.js"></script>
    <script type="text/javascript" src="assets/js/common.js?v=313"></script>
    <script type="text/javascript" src="./assets/js/authority.js"></script>
    <script src="./assets/libs/template-web.js"></script>
    <script src="assets/js/index.js"></script>
</body>

</html>
